<script setup lang='ts'>
import { ref } from "vue";
const data = ref([
    { title: '高效', text: '1v1商务经理服务 1-3工作日快速下户' },
    { title: '便捷', text: '100美金起充 0服务费 0手续费' },
    { title: '专业', text: '上市公司背书 全球亿万流量资源' },
])
</script>

<template>
    <div class="content">
        <div class="a">
            <div class="b">
                <div class="widthData">
                    <div class="ditData">
                        <h3>
                            小鳗鱼出海营销一站式服务平台
                        </h3>
                        <h1>各种企业和个人的广告<br>
                            <div class="text">投放<span>专家<img class="QQ" src="../../assets/img/expert.png" alt=""></span>
                            </div>
                        </h1>
                        <div class="btn">
                            <button class="btn2">
                                <img class="btnlogo" src="../../assets/img/抖音账号.svg" alt="">
                                <img style="margin-left: 10px;" class="btnlogo" src="../../assets/img/facebook.svg" alt="">
                                <img style="margin-left: 10px;" class="btnlogo" src="../../assets/img/谷歌.svg" alt="">
                                <h3 style="margin-left: 10px;">授权代理商</h3>
                            </button>
                        </div>
                    </div>
                    <div class="backColor">
                        <img src="../../assets/img/loop.gif" alt="">
                    </div>
                </div>
                <div class="select">
                    <div class="Wcolor">
                        <div class="data" v-for="(i, index) in data" :key="index">
                            <h3 class="title">{{ i.title }}</h3>
                            <p>{{ i.text }}</p>
                        </div>
                    </div>
                </div>
                <div class="color"></div>
            </div>
        </div>
    </div>
</template>

<style scoped>
@import url(../../assets/style/hometitle.css);
</style>